<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>添加商品</title>
		<link type="text/css" rel="stylesheet" href="/fontsawesome/css/font-awesome.css"/>
		<link type="text/css" rel="stylesheet" href="/css/style.css"/>
		<style>
		.ss_box{position:relative;display:inline-block;width:calc(30% + 24px);}
		.ss_box dl{position:absolute;top:36px;left:0;width:100%;max-height:200px;background-color:#fff;border:1px solid #ddd;overflow:auto;display:none;}
		.ss_box dt{padding:10px;}
		.ss_box dd{padding:5px 10px;cursor:context-menu;}
		.ss_box dd:hover{background-color:#ddd;}
		</style>
	</head>
	<body>
		<div class="main_box">
			<h2><span></span>添加供货商</h2>
			<div class="cont_box">
				<form action="#" method="post" id="addPro_form">
					<ul class="addpro_box">
						<li>
							<label>供货商名称：</label>
							<input type="text" placeholder="请输入商品名称" name="name" required
								   data-rule-proname="true" data-msg-required="商品名称不能为空"/>
						</li>
						<li>
							<label>法人名字：</label>
							<input type="text" name="boss" placeholder="请输入法人名字" required
								   data-rule-fullname="true" data-msg-required="法人名字不能为空"/>
						</li>
						<li>
							<label>电话号码：</label>
							<input type="text" placeholder="请输入电话号码" name="phone" required
								   data-rule-mobile="true" data-msg-required="电话号码不能为空"/>
						</li>
						<li>
							<label>公司地址：</label>
							<input type="text" placeholder="请输入公司地址" name="address" required
								   data-rule-proname="true" data-msg-required="公司地址不能为空"/>
						</li>
						<li>
							<label>传真号码：</label>
							<input type="text" placeholder="请输入传真号码" name="faxNum"/>
						</li>
						<li>
							<label>成立时间：</label>
							<div>
								<input type="text" name="createDay" data-rule-dates="true"/>
							</div>
						</li>
						<li>
							<label>备注：</label>
							<textarea rows="4" name="description" value="" id="description"></textarea>
						</li>
					</ul>
					<div class="probtn_box clearfix">
						<input type="button" value="添加" class="btn blue_btn submit"/>
					</div>
				</form>
			</div>
		</div>
		<!--javascript include-->
		<script src="/js/jquery-2.2.1.min.js"></script>
		<script src="/js/jquery.dataTables.min.js"></script>
		<script src="/js/bootstrap-datepicker.js"></script>
		<script src="/js/jquery.validate.min.js"></script>
		<script src="/js/jquery.form.min.js"></script>
		<script src="/js/other.js"></script>
		<script>
			$(function(){
				$("body").other({formId:"#addPro_form",formUrl:"/provider/add"});//formUrl 表单请求地址
				//select search
				$.selectSearch($(".ss_box"));
			});
		</script>
	</body>
</html>
